<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <title>废旧工作台</title>
    <link rel="stylesheet" href="../common/css/reset.css" />
    <link rel="stylesheet" href="../common/css/common-m.css" />
    <link rel="stylesheet" href="../common/css/swiper.min.css" />
    <link rel="stylesheet" href="./css/index-vw.css" />
    <!-- <link rel="stylesheet" href="./css/index.css" /> -->
  </head>
  <body>
    <div class="page-container">
      <!-- header -->
      <header class="header flex between">
        <img src="./images/icon-back.png" class="icon-back" onclick="back()" />
        <img src="./images/logout.png" class="icon-logout" />
      </header>
      <!-- 用户信息 -->
      <section class="user-info">
        <div class="flex between">
          <div class="flex">
            <img src="./images/avatar.png" class="img-avatar" />
            <div class="user-info-text">
              <p class="user-name ellipsis">Feijiu056511956</p>
              <div class="user-desc flex between">
                <p class="user-phone flex">
                  <img src="./images/icon-phone.png" class="icon" />
                  <span>186****3333</span>
                </p>
                <p class="user-points flex">
                  <img src="./images/icon-phone.png" class="icon" />
                  <span>9999999</span>
                </p>
              </div>
            </div>
          </div>
          <!-- <a href="https://www.feijiu.net">
            <img src="./images/signin.png" class="img-signin" />
          </a> -->
        </div>
      </section>
      <!-- 数据统计 -->
      <section class="data-statistics">
        <div class="flex between">
          <a href="https://www.feijiu.net" class="data-item flex column">
            <p class="data-num">54</p>
            <p class="data-title">我的发布</p>
          </a>
          <a href="https://www.feijiu.net" class="data-item flex column">
            <p class="data-num">54</p>
            <p class="data-title">我的订阅</p>
          </a>
          <a class="data-item flex column" onclick="showToast('请前往App查看')">
            <p class="data-num">2999</p>
            <p class="data-title">推荐生意</p>
          </a>
          <a href="https://www.feijiu.net" class="data-item flex column">
            <p class="data-num">99</p>
            <p class="data-title">我的收藏</p>
          </a>
        </div>
      </section>
      <!-- 公司信息 -->
      <section class="company-info">
        <div class="company-box" onclick="showToast('请前往App查看')">
          <div class="company-line flex">
            <img src="./images/icon-qy.png" class="icon icon-qy" />
            <div class="company-info-text">
              <div class="company-name flex">
                <p class="company-name-text ellipsis">
                  河北丰佳通社会资源回收公司
                </p>
                <!-- 生态会员 -->
                <!-- <img src="./images/vip-st.png" class="icon-vip" /> -->
                <!-- 广告会员 -->
                <!-- <img src="./images/vip-gg.png" class="icon-vip" /> -->
                <!-- 体验会员 -->
                <!-- <img src="./images/vip-ty.png" class="icon-vip" /> -->
                <!-- 免费会员 -->
                <!-- <img src="./images/vip-mf.png" class="icon-vip" /> -->
                <!-- 行业会员 -->
                <!-- <img src="./images/vip-hy.png" class="icon-vip" /> -->
                <!-- 基础会员 -->
                <!-- <img src="./images/vip-jc.png" class="icon-vip" /> -->
                <!-- 标准会员 -->
                <!-- <img src="./images/vip-bz.png" class="icon-vip" /> -->
                <!-- VIP会员 -->
                <!-- <img src="./images/vip-vip.png" class="icon-vip" /> -->
                <!-- 旗舰会员 -->
                <!-- <img src="./images/vip-qj.png" class="icon-vip" /> -->
                <!-- 尊享会员 -->
                <img src="./images/vip-zx.png" class="icon-vip" />
              </div>
              <p class="company-text-1">
                进行认证，推广效果提升，促成生意订单量
              </p>
            </div>
          </div>
        </div>
        <div class="auth-list flex between">
          <!-- 已认证 -->
          <div
            class="auth-item flex center"
            onclick="showToast('请前往App查看')"
          >
            <img src="./images/icon-smrz-1.png" class="icon icon-rz" />
            实名认证
          </div>
          <!-- 未认证 -->
          <!-- <div
          class="auth-item flex center disabled"
          onclick="showToast('请前往App查看')"
          >
            <img src="./images/icon-smrz-0.png" class="icon icon-rz" />
            实名认证<span class="color333"> (未认证) </span>
          </div> -->
          <!-- 已认证 -->
          <!-- <div
            class="auth-item flex center"
             onclick="showToast('请前往App查看')"
          >
            <img src="./images/icon-sdrz-1.png" class="icon icon-rz" />
            实地认证
          </div> -->
          <!-- 未认证 -->
          <div
            class="auth-item flex center disabled"
            onclick="showToast('请前往App查看')"
          >
            <img src="./images/icon-sdrz-0.png" class="icon icon-rz" />
            实地认证<span class="color333"> (未认证) </span>
          </div>
        </div>
      </section>
      <!-- 新上功能 -->
      <section class="new-function flex between">
        <a href="https://www.feijiu.net" class="new-function-item flex between">
          <div class="new-function-text">
            <p class="text-title">视频分发</p>
            <p class="text-desc">限时免费</p>
          </div>
          <img src="./images/icon-spff.png" class="icon icon-spff" />
        </a>
        <a
          class="new-function-item flex between"
          onclick="openPopup('popupBuild')"
        >
          <div class="new-function-text">
            <p class="text-title">即时聊天</p>
            <p class="text-desc">新功能上线</p>
          </div>
          <img src="./images/icon-jslt.png" class="icon icon-jslt" />
        </a>
      </section>
      <!-- banner -->
      <section class="banner swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <a href="https://www.feijiu.net">
              <img src="./images/banner.png" class="img-banner" />
            </a>
          </div>
          <div class="swiper-slide">
            <a href="https://www.feijiu.net">
              <img src="./images/banner.png" class="img-banner" />
            </a>
          </div>
          <div class="swiper-slide">
            <a href="https://www.feijiu.net">
              <img src="./images/banner.png" class="img-banner" />
            </a>
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </section>
      <!-- 增值服务 -->
      <section class="section service">
        <div class="section-title">增值服务</div>
        <div class="service-list flex wrap">
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon-hsdt.png" class="icon" />
            <div class="text-title">回收地图</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon-dzmp.png" class="icon" />
            <div class="text-title">电子名片</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon-gdpm.png" class="icon" />
            <div class="text-title">固定排名</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon-sysd.png" class="icon" />
            <div class="text-title">生意锁定</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon-fjhy.png" class="icon" />
            <div class="text-title">Feijiu会员</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon-xjd.png" class="icon" />
            <div class="text-title">询价单</div>
          </a>
          <a
            class="service-item flex column"
            onclick="openPopup('popupCustomerService')"
          >
            <img src="./images/icon-wdkf.png" class="icon" />
            <div class="text-title">我的客服</div>
          </a>
        </div>
      </section>
      <!-- 我的 -->
      <section class="section my">
        <div class="section-title">我的</div>
        <div class="service-list flex wrap">
          <a
            class="service-item flex column"
            onclick="openPopup('popupMyAccount')"
          >
            <img src="./images/icon2-1.png" class="icon" />
            <div class="text-title">我的账号</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon2-2.png" class="icon" />
            <div class="text-title">我的问答</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon2-3.png" class="icon" />
            <div class="text-title">我的评论</div>
          </a>
        </div>
      </section>
      <!-- 更多服务 -->
      <section class="section more">
        <div class="section-title">更多服务</div>
        <div class="service-list flex wrap">
          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon3-1.png" class="icon" />
            <div class="text-title">关于Feijiu</div>
          </a>

          <a href="https://www.feijiu.net" class="service-item flex column">
            <img src="./images/icon3-4.png" class="icon" />
            <div class="text-title">注册协议</div>
          </a>
          <a class="service-item flex column" onclick="openPopup('popupShare')">
            <img src="./images/icon3-5.png" class="icon" />
            <div class="text-title">分享APP</div>
          </a>
          <a
            class="service-item flex column"
            onclick="openPopup('popupComplain')"
          >
            <img src="./images/icon3-7.png" class="icon" />
            <div class="text-title">投诉热线</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <div class="icon-box flex center">
              <img src="./images/icon3-11.png" class="icon icon3-11" />
            </div>
            <div class="text-title">隐私政策</div>
          </a>
          <a href="https://www.feijiu.net" class="service-item flex column">
            <div class="icon-box flex center">
              <img src="./images/icon3-12.png" class="icon icon3-12" />
            </div>
            <div class="text-title">注销账号</div>
          </a>
        </div>
      </section>
      <!-- 为您推荐 -->
      <section class="recommend">
        <div class="flex between">
          <div class="section-title">为您推荐</div>
          <div class="button-more flex center">查看更多</div>
        </div>
        <div class="recommend-list flex wrap">
          <a href="https://www.feijiu.net" class="item">
            <img
              src="https://q8.itc.cn/images01/20240813/de04114fd13d4ec4acd8a297871bdbce.jpeg"
              class="thumb"
            />
            <div class="text-title ellipsis-2">
              处理闲置一批二手打印机处理闲置一批二手打印机处理闲置一批二手打
            </div>
            <div class="line-pos flex">
              <img src="./images/icon-position.png" class="icon-pos" />
              <p class="ellipsis">广西桂林市</p>
            </div>
          </a>
          <a href="https://www.feijiu.net" class="item">
            <img
              src="https://q8.itc.cn/images01/20240813/de04114fd13d4ec4acd8a297871bdbce.jpeg"
              class="thumb"
            />
            <div class="text-title ellipsis-2">
              处理闲置一批二手打印机处理闲置一批二手打印机处理闲置一批二手打
            </div>
            <div class="line-pos flex">
              <img src="./images/icon-position.png" class="icon-pos" />
              <p class="ellipsis">广西桂林市</p>
            </div>
          </a>
          <a href="https://www.feijiu.net" class="item">
            <img
              src="https://q8.itc.cn/images01/20240813/de04114fd13d4ec4acd8a297871bdbce.jpeg"
              class="thumb"
            />
            <div class="text-title ellipsis-2">
              处理闲置一批二手打印机处理闲置一批二手打印机处理闲置一批二手打
            </div>
            <div class="line-pos flex">
              <img src="./images/icon-position.png" class="icon-pos" />
              <p class="ellipsis">广西桂林市</p>
            </div>
          </a>
          <a href="https://www.feijiu.net" class="item">
            <img
              src="https://q8.itc.cn/images01/20240813/de04114fd13d4ec4acd8a297871bdbce.jpeg"
              class="thumb"
            />
            <div class="text-title ellipsis-2">
              处理闲置一批二手打印机处理闲置一批二手打印机处理闲置一批二手打
            </div>
            <div class="line-pos flex">
              <img src="./images/icon-position.png" class="icon-pos" />
              <p class="ellipsis">广西桂林市</p>
            </div>
          </a>
        </div>
      </section>
    </div>
    <!-- 底部 -->
    <footer>
      <div class="footer-list flex around align-end">
        <a href="https://m.feijiu.net/" class="footer-item flex column">
          <img src="./images/f-shouye.gif" class="icon" />
          <p class="text-title">首页</p>
        </a>
        <a
          href="https://m.feijiu.net/admin/myfeijiu_mydy.aspx"
          class="footer-item flex column"
        >
          <img src="./images/f-dingyue.gif" class="icon" />
          <p class="text-title">订阅</p>
        </a>
        <a
          href="https://m.feijiu.net/Section.aspx"
          class="footer-item flex column pub"
        >
          <img src="./images/f-fabu.gif" class="icon" />
          <p class="text-title">发布</p>
        </a>
        <a
          href="https://m.feijiu.net/zb3c5tg.html"
          class="footer-item flex column"
        >
          <img src="./images/f-fujin.gif" class="icon" />
          <p class="text-title">附近</p>
        </a>
        <a href="https://www.feijiu.net" class="footer-item flex column">
          <img src="./images/f-wode_on.gif" class="icon" />
          <p class="text-title">我的</p>
        </a>
      </div>
    </footer>

    <!-- 悬浮：行业万人群 -->
    <div id="floatGeoup" class="float-box flex column center">
      <a href="https://www.feijiu.net">
        <img src="./images/qun_scan.png" class="img-qun_scan" />
      </a>
      <img
        src="./images/qun_close.png"
        class="img-qun_close"
        onclick="closeFloat('floatGeoup')"
      />
    </div>

    <!-- 我的客服弹窗 -->
    <div id="popupCustomerService" class="popup-container" hidden>
      <div class="popup-mask">
        <div class="popup-body">
          <div class="popup-header flex between">
            <h3>我的客服</h3>
            <div
              class="popup-close"
              onclick="closePopup('popupCustomerService')"
            >
              ×
            </div>
          </div>
          <div class="popup-content flex center column">
            <p>
              工号：Feijiu<br />
              姓名：Feijiu客服 <br />
              电话：400-136-5858
            </p>
          </div>
          <button onclick="call('400-136-5858')">联系我的客服</button>
        </div>
      </div>
    </div>
    <!-- 我的账号弹窗 -->
    <div id="popupMyAccount" class="popup-container" hidden>
      <div class="popup-mask">
        <div class="popup-body">
          <div class="popup-header flex between">
            <h3>我的账号</h3>
            <div class="popup-close" onclick="closePopup('popupMyAccount')">
              ×
            </div>
          </div>
          <div class="popup-content flex center column">
            <p>
              用户名：test_xiaocao<br />
              联系方式：18831185025
            </p>
          </div>
          <button onclick="closePopup('popupMyAccount')">确定</button>
        </div>
      </div>
    </div>
    <!-- 投诉热线弹窗 -->
    <div id="popupComplain" class="popup-container" hidden>
      <div class="popup-mask">
        <div class="popup-body">
          <div class="popup-header flex between">
            <h3>投诉热线</h3>
            <div class="popup-close" onclick="closePopup('popupComplain')">
              ×
            </div>
          </div>
          <div class="popup-content flex center column">
            <p>投诉热线：13343210279<br /></p>
          </div>
          <button onclick="call('13343210279')">投诉</button>
        </div>
      </div>
    </div>
    <!-- 温馨提示 -->
    <div id="popupTip" class="popup-container" hidden>
      <div class="popup-mask">
        <div class="popup-body">
          <div class="popup-header flex between">
            <h3>温馨提示</h3>
            <div class="popup-close" onclick="closePopup('popupTip')">×</div>
          </div>
          <div class="popup-content">
            <p>
              尊敬的用户，我们注意到您已经一段时间没有更新您的订阅词了。为了确保您收到的信息始终与您的行业和偏好保持一致，我们建议您尽快更新您的订阅词。
            </p>
            <p>感谢您对Feiiu网服务的支持和信任。</p>
          </div>
          <div class="flex">
            <a href="https://www.feijiu.net">
              <button class="primary">去修改</button>
            </a>
            <button onclick="closePopup('popupTip')">暂不修改</button>
          </div>
        </div>
      </div>
    </div>
    <!-- 分享 -->
    <div id="popupShare" class="popup-container" hidden>
      <div class="popup-mask">
        <div class="popup-body">
          <div class="popup-header flex between">
            <h3>请你的小伙伴扫一扫</h3>
            <div class="popup-close" onclick="closePopup('popupShare')">×</div>
          </div>
          <div class="popup-content">
            <img src="./images/weixin.jpg" class="img-share" />
            <p class="text-tip">注:请用微信扫描关注公众账号</p>
          </div>
          <button class="primary" onclick="closePopup('popupShare')">
            确定
          </button>
        </div>
      </div>
    </div>
    <!-- 功能建设中 -->
    <div id="popupBuild" class="popup-container" hidden>
      <div class="popup-mask">
        <div class="popup-body">
          <p class="text-1">该功能正在建设中…</p>
          <p class="text-2">
            该功能移动端正在建设中，pc端已上线<br />可登录查看
          </p>
          <p class="text-3">更多会员服务</p>
          <p class="text-4">400-136-5858</p>
          <button class="blue" onclick="closePopup('popupBuild')">确定</button>
        </div>
      </div>
    </div>

    <!-- toast -->
    <div id="toast" class="toast" hidden></div>

    <script src="../common/js/jquery-3.2.1.min.js"></script>
    <script src="../common/js/swiper.min.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
